﻿@charset "utf-8";
/* CSS Document */

/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner a { background:url(Img/Index/banner.jpg) no-repeat center 0; height:400px; display:block}

.fullSlide {width:100%;position:relative;background:#ccc;height:400px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:400px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:400px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#005aab;filter:alpha(opacity=100);opacity:1;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:5;top:50%;margin-top:-33px;z-index:1;width:73px;height:73px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .prev{ background:url(/Skins/Default/Img/banLeft.png) no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='/Skins/Default/Img/banLeft.png');_background:none; left:150px;}
.fullSlide .next {background:url(/Skins/Default/Img/banRight.png) no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='/Skins/Default/Img/banRight.png');_background:none;right:150px;}

.s_bg { background: url(Img/Common/s_bg.jpg) no-repeat center 0; height:84px; line-height:84px;}
.h_ser { width:960px; margin:0 auto;}
.s_inp {  margin-top:22px;}
.inp01 { background:url(Img/Common/s_inp.gif) no-repeat; width:198px; height:29px; line-height:29px; border:none; padding:0 3px 0 27px; float:left; font-size:12px; color:#333}
.h_ser p { float:left; width:670px; overflow:hidden; color:#fff;}
.h_ser p a { padding:0 6px; color:#fff; font-family:"宋体";}
/*广告*/
.pic10 { margin-top:33px;}
.pic02 { margin:0;}
.pic10 p { position: absolute; top:55px; left:740px;}
.pic10 p i { display:block; font-size:14px; color:#fff;}
.pic10 p i b { display:block; font-size:26px;}
.pic10 p em { display:block; padding-top:5px;}
.pic10 p em img { padding-right:8px;}

.pic02 { padding:0;}
/*云帆索具产品中心*/
.zx { width:214px; margin-top:38px;}
.zx_top { background: url(Img/Index/zx_top.gif) no-repeat; width:214px; height:67px; text-align:center; margin-top:}
.zx_top span { display:block; font-size:10px; color:#fff;}
.zx_top a { font-size:18px; color:#fff; font-weight:bold; padding-top:10px; display:block}
.zx_con { background:url(Img/Index/zx_bg.gif) repeat-y;  width:214px;}

.zx_con h3 {position:relative; background: url(Img/Index/zx_h3.gif) no-repeat; width:184px; height:45px; line-height:45px; margin:0px 0 30px 15px;}
.zx_con h3 a { font-size:16px; color:#6c6b6b; padding-left:35px;font-weight:normal;}

.zx_con h3.cur { background: url(Img/Index/zx_h3cur.gif) no-repeat; line-height:45px; margin-left:15px; width:199px; position:relative;}
.zx_con h3.cur a { font-size:16px; color:#0059be; padding-left:35px;font-weight:bold;}

.zx_lmain{display:none; position:absolute;background:#f9f9f9; height:auto;border:1px solid #d0d0d0;border-left:0; width:638px; top:0; left:199px; padding:10px 10px;}
.zx_lmain li{ clear:both; display:block; font-family:"宋体"; font-size:12px; color:#575757; font-weight:normal; width:638px; border-bottom:#d9d9d9 1px solid;  line-height:30px;}
.zx_lmain li a{ font-family:"宋体"; font-size:12px; color:#575757; }
.zx_lmain li h4{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:76px; float: left; font-family:"宋体"; font-size:13px; color:#10314d; font-weight:bold; padding:0 6px 0 0;text-align:left;}
.zx_lmain li p{float:left;width:548px;display:block;}
.zx_lmain li p span{}
.zx_lmain li p span a{padding:0 15px;}
.zx_lmain li.nobor{ border:none;}

.zx_con h3.cur li h4 a{padding:0;color:#10314d; font-family:"宋体"; font-size:12px;font-weight:bold;}
.zx_con h3.cur li p span a{padding:0 5px;color:#575757; font-family:"宋体"; font-size:12px;font-weight:normal;}
.zx_con h3.cur li p span a:hover{color:#0059be;font-weight:500;font-weight:normal;}


.zx_bot { background:url(Img/Index/zx_bot.gif) no-repeat; width:214px; height:356px; padding-top:25px; margin-top:5px;}
.zx_bot span { display:block; background:url(Img/Index/zx_pho.gif) no-repeat 0 0; padding-left:40px; color:#0d2340; font-size:13px; margin-left:10px; height:50px;}
.zx_bot span b { display:block; font-size:20px;}
.zx_bot i { display:block; padding-left:10px; line-height:25px; color:#333; font-size:13px;}
.zx_bot i em { color:#6c6b6b}

/*云帆索具产品展示*/
.rx { width:728px; margin:38px 0 0 18px;}
.rx_top { background: url(Img/Index/cp_top.gif) no-repeat; height:39px; line-height:39px;}
.rx_top span { float:right; padding-right:15px;}
.rx_top span a { font-family: "Microsoft YaHei"; color:#fff; text-transform:uppercase;}
.rx_top h3 { padding-left:31px;}
.rx_top h3 a { font-size:16px; color:#fff;}

.pro{height:352px;overflow:hidden;}
.rx_con {  width:708px; border:solid 1px #d0d0d0; padding:23px 0 0 17px; height:1058px;}
.rx_top02 { clear:both; width:694px; height:33px; line-height:33px; border-bottom:solid 1px #034a81}
.rx_top02 ul li { float:left;}
.rx_top02 ul li a {  width:87px; height:34px; line-height:34px; display:block; text-align:center; font-size:14px;}
.rx_top02 ul li a:hover,.rx_top02 ul .cur a { background: url(Img/Index/cp_libg.gif) no-repeat; color:#fff; text-decoration:none;}
.more01 a { color:#404040; font-family:"宋体"; padding-right:10px;}

.rx_con02 { padding-top:14px;}
.rx_con02 dl { height:155px;}
.rx_con02 dl dt { float:left;width:339px; height:140px;}
.rx_con02 dl dt img { width:333px; height:134px; border:solid 1px #ccc; padding:2px; background:#fff;}
.rx_con02 dl dd { float:left; padding-left:30px; width:335px}
.rx_con02 dl dd b { color:#0d2340; font-size:12px; line-height:35px; font-family:"宋体";}
.rx_con02 dl dd p { font-weight:bold; line-height:30px; font-family:"宋体";}
.rx_con02 dl dd p em { padding-left:20px;}
.rx_con02 dl dd span { display:block; padding-top:5px}
.rx_con02 dl dd span img { margin-right:10px;}
.rx_con02 ul li { float:left; width:158px; padding-right:19px;}
.rx_con02 ul li img { width:152px; height:105px; border:solid 1px #ccc; padding:2px;}
.rx_con02 span { display:block; text-align:center; height:35px; line-height:35px;}

/*4大理由*/
.ly { margin-top:27px;overflow:hidden;height:960px;}
.ly_bt { background:url(Img/Index/jz_bg.png) no-repeat; width:272px; height:272px; position:absolute; top:310px; left:347px; text-align:center;}
.ly_bt span { display:block; font-size:55px; color:#fff; font-family:Impact; text-transform:uppercase; padding-top:47px;}
.ly_bt span q { color:#f7921c}
.ly_bt em { display:block; font-size:24px; color:#fff; padding:5px 0;}
.ly_bt b { display:block}
.ly_bt b a { font-size:44px; color:#fff;}
.ly dl { width:477px; float:left; margin:0 5px 5px 0;}
.ly .nobor01 { margin:0 0 5px 0;}
.ly dl dt { background:url(Img/Index/ly_bt01.gif) no-repeat; width:377px; height:74px; margin-bottom:5px; padding:25px 0 0 100px;}
.ly dl dt span { display:block; background:url(Img/Index/ly_ico.gif) no-repeat 0 8px; padding-left:15px; font-size:18px; color:#fff;}
.ly dl dd img { width:477px; height:366px;}
.ly dl .ly_bt02 { background:url(Img/Index/ly_bt02.gif) no-repeat; padding-left:35px; width:442px;}
.ly dl .ly_bt03 { background:url(Img/Index/ly_bt03.gif) no-repeat;}
.ly dl .ly_bt04 { background:url(Img/Index/ly_bt04.gif) no-repeat; padding-left:35px; width:442px;}

/*优势*/
.ys { margin-top:13px;}
.ys_bt { background:url(Img/Index/ys_bt.gif) no-repeat; height:94px; line-height:64px; text-align:center;}
.ys_bt a { font-size:36px; color:#fff; font-weight:bold;}
.ys_bt a span { font-size:60px; color:#f7921c; font-style:italic;}

.ys01 { background:url(Img/Index/ys01.jpg) no-repeat; height:410px;}
.ys01 dl { padding:100px 0 0 590px;width:226px;}
.ys01 dl dt span { font-family:Arial; font-size:16px; color:#777;}
.ys01 dl dt b a { font-size:36px; font-weight:normal; display:block; color:#333}
.ys01 dl dd { padding:30px 0 0;}
.ys01 dl dd p { line-height:25px; color:#333; font-size:14px;}
.ys01 dl dd p b { color:#044878;}

.ys02 { background:url(Img/Index/ys02.jpg) no-repeat center 0; height:410px;}
.ys02 dl { padding:120px 0 0 120px;  width: 300px;}
.ys02 dl dt{width: 226px;}
.ys02 dl dd p { width:275px; line-height:25px; color:#333}

.ys03 { background:url(Img/Index/ys03.jpg) no-repeat;}
.ys03 dl { padding:120px 0 0 590px;}
.ys04 { background:url(Img/Index/ys04.jpg) no-repeat;}
.ys04 dl { padding:120px 0 0 120px;}
.ys04 dl dt{width: 226px;}

/*异形件订制*/
.fw { margin-top:24px;}


/*他们是这样评价云帆的*/
.jz { width:676px; border:solid 1px #d0d0d0; margin-top:25px;}
.jz_top { background: url(Img/Index/jz_bt.gif) repeat-x; height:39px; line-height:39px;}
.jz_top span { float:right; padding-right:12px;}
.jz_top h3 i { padding:9px 5px 0 20px; display:block; float:left}
.jz_top h3 a { color:#044878; font-size:14px; font-weight:normal;}

.jz_con { padding:0 0 0 20px; display:inline-block; background:url(Img/Index/jz_bg.gif) no-repeat center bottom; width:656px; height:425px; overflow:hidden} 
.jz_con dl { height:190px; border-bottom: dotted 1px #c6c6c6; padding-top:20px;}
.jz_con .nobor01 { border:none}
.jz_con dl dt { float: left}
.jz_con dl dt img { width:208px; height:163px; border:solid 1px #cfcfcf; padding:2px;}
.jz_con dl dd { float: left; width:400px; padding-left:20px;}
.jz_con dl dd h3 { line-height:30px; height:30px; overflow:hidden;}
.jz_con dl dd h3 a { font-size:14px; color:#333;}
.jz_con dl dd p { font-family:"宋体"; line-height:25px;}
.jz_con dl dd span { display:block; padding-top:10px;}
.jz_con dd q { display:block; color:#12691b; line-height:30px;}

/*云帆索具荣誉证书*/
.zz { width:265px; border:solid 1px #d0d0d0; margin:25px 0 0 15px;}

.zz_con { padding-top:15px; background:url(Img/Index/jz_bg.gif) no-repeat center bottom;height:410px; overflow:hidden}
.hz01 { padding:85px 13px 0 0;}
.hz03 { padding:85px 0 0 14px;}
.hz02 ul li { float:left; padding:0 30px; width:158px; display:inline}
.hz02 ul li img { width:158px; height:227px;}
.hz02 ul li span { display:block; height:35px; line-height:35px; overflow:hidden; text-align:center;}
.hz02 ul li span a { color:#4c4c4c}

.zz04 { padding:10px 0 0;}
.zz04 ul li { height:28px; line-height:28px; text-align:center;}
.zz04 ul li a { color:#666;}

/*走进云帆*/
.zj_con { padding:20px 0 0 0; display:inline-block; background:url(Img/Index/jz_bg.gif) no-repeat center bottom; width:676px; height:269px; overflow:hidden} 
.zj_con dl dt { float: left}
.zj_con dl dt img { width:301px; height:241px;}
.zj_con dl dd { float: left; width:315px; padding-left:20px;}
.zj_con dl dd h3 { line-height:30px; height:30px; overflow:hidden;}
.zj_con dl dd h3 a { font-size:14px; color:#333;}
.zj_con dl dd p { font-family:"宋体"; line-height:25px;}
.zj_con dl dd span { display:block; padding-top:10px;}
.zj_con dl dd span a { color:#050505;}

/*常见问题*/
.wd { width:265px; border:solid 1px #d0d0d0; margin:25px 0 0 15px;height:340px; overflow:hidden}
.wd_con { background:url(Img/Index/jz_bg.gif) no-repeat center bottom; overflow:hidden; padding:0 10px; height:302px;}
.wd_con dl { padding:23px 0 0; }
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(Img/Index/wd_w.gif) no-repeat left 6px; height:30px; line-height:30px; padding-left:30px; overflow:hidden;}
.wd_con dl dt a { font-family:"宋体";}
.wd_con dd { background:url(Img/Index/wd_d.gif) no-repeat left 4px; width:200px;  line-height:25px; padding-left:30px; font-family:"宋体"; }

/*---title ---*/
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.tit{zoom:1;}
.tit:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.tit{height:38px;line-height:38px;padding-right:12px; background:url('Img/Index/t01.gif') repeat-x 0 bottom; font-weight:normal;}
.tit a{color:#333; font-size:14px;}
.tit em{display:inline-block;  float: left;}
.tit em a{display:inline-block; width:155px; text-align:center; height:38px;}
.tit em a.cur,.tit em a:hover{background:url('Img/Index/cur.gif') no-repeat; color:#fff; text-decoration:none;}
.tit span{float: right;padding:0;}
.tit span a{color:#999;text-transform:uppercase; font-size:12px; font-weight:normal;}

.xc{padding:0 1px;height:280px;background:url('Img/Index/xc.gif') no-repeat; width:958px; margin:0 auto 8px;font-family:'Microsoft YaHei'; margin-top:30px}
.xc .list-con{padding:25px 0 0;}
.list-con-a,.list-con-b{float: left;}
.xc .list-con-a{padding:35px 0 0;}
.xc .list-con-c{padding:35px 0 0 0 ; float: right;}
.xc li{width:206px;padding:0 0 16px 15px; float: left;}
.xc li img{width:200px;height:150px;display:block;padding:2px;background:#fff; border:1px solid #d1d1d1;}
.xc li span{display:block; text-align:center;background:#ddd; height:30px; line-height:30px;}
.xc li a{color:#666;}


.dt{width:960px; margin:0 auto 30px;font-family:'Microsoft YaHei';}
.dt-l{width:499px;height:382px; padding:1px 7px 0 0; float: left;background:url('Img/Index/dt1.gif') no-repeat;}
.dt-r{width:423px;height:382px; float:right;padding-left:20px; background:url('Img/Index/dt2.gif') no-repeat;}
.dt h3 em i{ }
.dt h3 em a{width:100px;}

.dt-l dl{padding:22px 12px 5px;}
.dt-l dt{float: left; width:206px;}
.dt-l dt img{display:block; width:202px;height:138px;padding:1px; border:1px solid #ccc;}
.dt-l dd{width:250px; float: right;}
.dt-l h6{margin-bottom:8px;}
.dt-l h6 a{font-size:14px; color:#222;}
.dt-l dd p{overflow: hidden;line-height:22px;}
.dt-l dd span{display:block; margin:10px 0 0;}
.dt-l dd span a{color:#222;}
.dt-l ul{padding:4px 0 0 18px;}
.dt-l li{padding-left:18px;height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:35px;width:210px;float: left; background:url('Img/Index/ic1.gif') no-repeat 3px center; border-bottom:1px dotted #999;}

.dt-r h3{font-size:14px; font-weight:normal; height:38px; line-height:38px; padding-left:25px;}
.dt-r h3 a{color:#fff;}
.dt-r p{color:#014674; font-weight:bold;font-size:18px; padding:10px 0 0;}
.dt-r dl{padding:8px 0 5px;}
.dt-r dt{float: left; width:166px;}
.dt-r dt img{display:block;}
.dt-r dt span{display:block; padding:20px 0 0;}
.dt-r dd{width:240px; float:left; padding-left:14px;}
.dt-r dd p{overflow: hidden;line-height:20px; height:80px; margin:8px 0 0;}
.dt-r dd p a{color:#fa6930;}
.dt-r li{padding:0 0 8px;}
.dt-r li span{display: inline-block;font-size:12px; color:#555; width:75px;}
.dt-r li input,.dt-r li textarea{height:24px; width:118px;background:#fff; border:1px solid #c7c7c7; text-indent:5px; line-height:24px; margin-right:8px;}
.dt-r li textarea{height:88px;width:145px; resize:none; overflow:hidden; vertical-align:top;}
.dt-r li b{color:#222;}
.dt-r li.yzm input{width:80px; background:#a7a7a7;}
.dt-r li img{vertical-align:middle; margin-right:5px;}
.dt-r li a{color:#989898;}
.dt-r li.btn{margin:10px 0 0;}
.dt-r li.btn input{background:none; border:none; margin-right:3px; float:left;width:76px;}

.g-ab{width:960px; margin:0 auto;background:url('Img/Index/ab.gif') no-repeat; height:242px;font-family:"Microsoft YaHei"; }
.g-ab .tit span a{color:#fff;text-transform:uppercase; font-size:12px; font-weight:normal;}
.g-ab h3{padding-left:60px;padding-top:5px; background:none; color:#85878e; text-transform:capitalize; font-size:12px;}
.g-ab h3 em a{color:#fff; width:auto; display:inline-block; margin-right:8px;}
.g-ab ul{padding:25px 0 0 20px;}
.g-ab li{float: left;margin-right:13px; position:relative; width:173px; height:106px;}
.g-ab li img{display:block; width:100%;}
.g-ab li p{position:absolute; line-height:20px; padding:0 20px;color:#333; text-align:center; top:60px; left:0;width:133px;}

/**/
.link{width:960px; margin:0 auto 10px; }
.link h3{font-weight:normal;font-size:18px;background:url('Img/Index/link.gif') no-repeat; font-family:'Microsoft YaHei';line-height:24px;height:55px;padding:0 0 0 40px;}
.link h3 a{color:#000;}
.link h3 span{float: right;padding:10px 0 0;}
.link h3 span a{color:#666; font-size:12px;}
.link b{float: right; font-weight:normal; font-size:12px;}
.link b a{color:#00439b;}
.link p{color:#555;padding:18px 0 0;height:95px;}
.link p span{margin:0 13px; display:inline-block;}
.link p a{color:#555;padding:0 14px;_padding:0 11px;*padding:0 11px;}


